<template>
    <div class="li">
        <!-- 我的组件 -->
        <!-- Divider  分割线 -->
        <div class="img_l">
            <slot name="Divider"></slot>
        </div>
        <div class="img_l2">{{texts2}}</div>
        <div>
            <van-icon name="arrow" class="img_r" />
        </div>


    </div>
</template>

<script>
export default {
    props: ["texts2"]
}
</script>

<style lang="less" scoped>



 .li {
    //  background-color: greenyellow;
     height: 7vh;
    line-height: 7vh;
  border-bottom: 1px solid rgb(167, 164, 164);
     .img_l{
        // background-color: red;
        float: left;
        margin-left: 3vw;
        color: #3FBC58;
     }
     .img_l2{
        float: left;
        margin-left: 3vw;
     }
     .img_r{
        top: 1.7vh;
        float: right;
        margin-right: 3vw;
        color: #3FBC58;
     }
 }
</style>